<!--<div class='reportBackdrop'></div>-->
<div id="Title" class="palm-header center" >Daily Report</div>
<div class="palm-header-spacer"></div>
<div class="palm-list" id="informationList">
	<div class="palm-row first">
		<div class="palm-row-wrapper">
			<div class="label left">Weather Report</div>
			<div id="weatherReport" class="title right"></div>
		</div>
	</div>
	<!--<div id="tempReport"></div>-->
	<div class="palm-row">
		<div class="palm-row-wrapper">
			<div class="label left">Cups Made</div>
			<div id="cupsMade" class="title right"></div>
		</div>
	</div>
	<div class="palm-row" >
		<div class="palm-row-wrapper">
			<div class="label left">Cups Sold</div>
			<div id="cupsSold" class="title right"></div>
		</div>
	</div>
	<div class="palm-row" >
		<div class="palm-row-wrapper">
			<div class="label left">Amount of Sugar</div>
			<div id="sugerLevel" class="title right"></div>
		</div>
	</div>
	<div class="palm-row" >
		<div class="palm-row-wrapper">
			<div class="label left">Amount of Lemons</div>
			<div id="lemonLevel" class="title right"></div>
		</div>
	</div>
	<div class="palm-row" >
		<div class="palm-row-wrapper">
			<div class="label left">Profit</div>
			<div id="profit" class="title right"></div>
		</div>
	</div>
	<div class="palm-row last" >
		<div class="palm-row-wrapper">
			<div class="label left">Funds</div>
			<div id="funds" class="title right" x-mojo-element="List"></div>
		</div>
	</div>
	<!--<div id="weatherReportLabel">Weather Report:</div>
	<div id="cupsMadeLabel">Cups Made:</div>
	<div id="cupsSoldLabel">Cups Sold:</div>
	<div id="sugerLevelLabel">Amount of Sugar:</div>
	<div id="lemonLevelLabel">Amount of Lemons</div>
	<div id="profitLabel">Profit:</div>
	<div id="fundsLabel">Funds:</div>-->
</div>
<div id="goButton" class='BottomBarStyle' x-mojo-element='MenuBar'></div>
<div class="scene-fade-bottom" x-mojo-scroll-fade="bottom"></div>